@import '@/assets/styles/adaptive.scss'; // 响应式自适应设置
@import '@/assets/styles/nprogress.scss';
@import '@/assets/styles/markdown.scss';
@import '@/assets/styles/dark.scss';

html{
  font-size: var(--rem-14);
  #app{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
  }
  // 滚动条整体宽度
  ::-webkit-scrollbar {
    width: 5px;
  }
  // 滚动条滑槽样式
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
  }
  // 滚动条样式
  ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
  }
  ::-webkit-scrollbar-thumb:active {
    background: #999;
  }
  // 浏览器失焦的样式
  ::-webkit-scrollbar-thumb:window-inactive {
    background: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
}
.el-menu-item-group__title{
  display: none;
}
.el-menu{
  border: 0 none;
}
.system-wrapper__content{
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}
.wrapper-content{
  width: 95%;
  height: 95%;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  box-shadow: 0 0 var(--rem-20) var(--el-menu-border-color);
}
